<template>
  <div class="main">
	  <div class="main-box animate__animated animate__fadeInUp">
		  <div class="title animate__animated animate__fadeInLeft">《后会有期》</div>
		  <img src="../../../public/imgContext/04.jpg" class="animate__animated animate__fadeInRight">
			<div class="content animate__animated animate__fadeInLeft">
				这个夏天大家又将开启新的旅程，可不管未来去向何方，那些属于华软的难忘回忆，都将陪伴着我们度过接下来的春夏秋冬。
			</div>
	  </div>
  </div>
</template>

<script>
export default {
}
</script>
<style scoped>
.main{
    width: 100vw;
    display: flex;
    justify-content: center;
    align-items: center;
}
.main-box{
    line-height: 2.1875rem;
    letter-spacing: 0.2em;
    font-family:"Times New Roman",Georgia,Serif;
    width: 80vw;
    color: white;
    font-size: 1rem;
    padding: 0.625rem;
    border: 0.125rem solid white;
}
.main-box img{
    width: 80vw;
	animation-delay: 0.7s;
}
.title{
	text-align: center;
    margin-bottom: 1.25rem;
    font-size: 1.875rem;
    font-weight: bold;
	animation-delay: 0.7s;
}
.content{
	animation-delay: 0.7s;
}
</style>
